/* CSS RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit; font-style: inherit; font-size: 100%;	font-family: inherit; vertical-align: baseline;}

/* remember to define focus styles! */
:focus {	outline: 0;}
body {line-height: 1;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {margin-bottom:1.4em; width:100%; border-spacing:0;}
table, td, th {vertical-align: middle;}
tr {display: table-row; vertical-align: inherit; border-color: inherit;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* HTML, BODY, GENERAL SETUP */
html {background:#fff;}
body {font: 12px arial,helvetica,sans-serif; color: #000; padding:0px; margin:0;}
a{color:#5987fc; text-decoration:none;}
.clear {clear:both; height:0px;}

/*grid*/
#header, #nav, #main, #footer {width:auto;}

/* wrapper */
#wrapper {margin:0;  background:#fafafa;}

/* header */
#header {position:relative; height:80px;}
#header .logo {position:absolute; top:10px; left:50px;}
#header .welcome {position:absolute; top:0; right:60px}
#header .welcome  ul li {float:left; padding:5px 6px;}
#header .welcome  ul li.logout a{border-left:1px solid #ccc; padding-left:8px; margin-right:10px;}
#header .welcome  ul li a:hover {text-decoration:underline;}

/* navigation */
#nav {height:36px; background:url(../images/bg-nav.png) repeat-x 0 0;}
#nav  ul {float:left; margin:0 0 0 50px;}
#nav  ul  a {font-size:14px; font-weight:bold; color:#fff;}
#nav  ul  > li{float:left; padding:10px 20px; border-right:1px solid #eee; position:relative; cursor:pointer;}
#nav  ul   > li:hover{background:#666;}
#nav  ul   > .arrow:hover{background:#666 url(../images/arrow.png) no-repeat 186px 12px;}
#nav  ul  > li.active{background:#444;}
#nav  ul  > li.first {border-left:1px solid #eee;}
#nav  ul  li > ul{display:none;}
#nav  ul  > li:hover > ul{display:block; position:absolute; top:36px; left:-51px;}
#nav  ul  li > ul > li{float:left; display:block; width:160px; background:url(../images/bg-nav.png) repeat-x 0 0; border:1px solid /#eee; border-bottom:none;position:relative;}
#nav  ul  li > ul > li.last { border-bottom:1px solid #eee; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;}
#nav  ul  li > ul > li > a {font-weight:normal;}
#nav  ul  li > ul > li > ul{position:absolute!important; left:151px!important; top:0px!important;}

/* main */
#main {min-height:600px; margin:0 0;}
#main h2.title{font-size:24px; padding-left:10px;}

/* breadcrumb */
#main .subMenu{float:left; width:100%;}
.breabcrumb {padding:10px; font-size:14px; float:left;}
.breabcrumb span {display:inline-block; padding:0 4px;}
.breabcrumb span.arrow{font-size:10px;}
.addNew {float:right;}
.addNew span, .form .submit input{ border:1px solid #c0c0c0; background:#efefef; display:inline-block; padding:3px 9px; margin:10px 10px 10px 0; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; cursor:pointer; width:auto; height:auto;}
.addNew span:hover, .form .submit input:hover {background:#CFCFCF;}


/* list grid view */
.grid-view {padding:0 10px 30px;}
.grid-view .summary {margin:0 0 5px 0; text-align:right;}
.grid-view table.items {background: white; border-collapse: collapse; width: 100%; border: 1px #D0E3EF solid;}
.grid-view .filters input, .grid-view .filters select {width:100%; border: 1px solid #eee; height: 20px;  border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.grid-view table.items th {background:#eee; text-align: center; color:#505050; font-weight: bold;}
.grid-view table.items th.button-column {width:66px;}
.grid-view table.items th a {color:#505050; font-weight: bold; text-decoration: none; }
.grid-view table.items th, .grid-view table.items td {font-size:13px; border:1px white solid; padding:8px 5px 8px 10px; }
.grid-view table.items .filters th {padding:0!important;}
.grid-view table.items tr.odd {background: #F6F6F6;}
.grid-view table.items tr.even {background: #fdfdfd;}
.grid-view table.items tr:hover {background:#ECFBD4;}
.grid-view .pager {margin:5px 0 0 0; text-align:right;}
ul.yiiPager {font-size:11px; border:0; margin:0; padding:0; line-height:100%; display:inline;}
.first {margin-left:0; padding-left:0;}
ul.yiiPager li {display:inline;}
ul.yiiPager .first, ul.yiiPager .last {display: inline;}
ul.yiiPager .hidden a {border:solid 1px #DEDEDE; color:#888;}
ul.yiiPager a:link, ul.yiiPager a:visited {border:solid 1px #ccc; font-weight:bold; color:#505050; padding:1px 6px; text-decoration:none; font-size:13px;}
ul.yiiPager .selected a{background:#c0c0c0; color: white;font-weight: bold;}
ul.yiiPager li a:hover {background:#cfcfcf;}

/* user add */
.form {margin:0 10px; padding:10px 20px 0; border:1px solid #ccc;}
.form .row {margin: 5px 0;}
.form label {font-weight:bold; font-size:12px; display:block; width:150px;}
.form span.required {color:red;}
.form input, .form textarea, .form select {margin: 0.2em 0 0.5em 0; width:220px; height:20px; color:#a0a0a0;}
.form .submit input{color:#000;}


/* footer */
#footer{padding:12px 0; text-align:center; background:#444; color:#fff;}
#footer p .logoFot {margin-top:4px;}